<style>
    .hd img {
        width: 100%;
        vertical-align: middle
    }
    
    .hd_rel {
        position: relative
    }
    
    .reg {
        background: #fff7d3;
        padding-top: 0.618667rem;
    }
    
    .input_box {
        height: 1.877333rem;
        background-color: #ffffff;
        border-radius: 0.25rem;
        margin-bottom: 1.066667rem;
        color: #999999;
        box-shadow: -2px 2px 2px 0 #efe5b8;
    }
    .input_null{
        margin-bottom: 0.618667rem;
    }
    
    .input_box_yan {
        width: 8.746667rem;
        height: 1.877333rem;
        background-color: #ffffff;
        border-radius: 0.25rem;
        margin-bottom: 1.066667rem;
        border: 1px solid #fff7d3;
        box-shadow: -2px 2px 2px 0 #efe5b8;
    }
    
    .icon_input_1 {
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/iphone.png);
    }
    
    .icon_input_2 {
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/txt.png);
    }
    
    .icon_input_3 {
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/pass.png);
    }
    
    .icon_input_base {
        width: 0.8rem;
        height: 0.8rem;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 0.704rem;
        margin-right: 0.32rem;
        margin-top: 0.576rem;
    }
    
    .register_box {
        padding: 20px 17px 23px;
        background-color: #d82e00;
    }
    
    .r_b_top {
        padding: 0rem 0.853333rem;
        padding-bottom: 0;
    }
    
    .r_b_input {
        border: none;
        height: 1.877333rem;
        width: 50%;
        font-size: 0.65rem;
        background-color: #ffffff;
    }
    
    input::-webkit-input-placeholder {
        color: #d5d5d5;
    }
    
    input:-moz-placeholder {
        color: #d5d5d5;
    }
    
    input::-moz-placeholder {
        color: #d5d5d5;
    }
    
    input:-ms-input-placeholder {
        color: #d5d5d5;
    }
    
    .yanzhengma {
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/current_icon_07.png);
        background-size: contain;
        width: 4.992rem;
        height: 1.92rem;
        font-family: "微软雅黑";
        font-size: 0.725333rem;
        line-height: 1.92rem;
        text-align: center;
        color: #c14332;
        font-weight: 600;
    }
    
    .reg_but {
        padding: 0rem 0.853333rem;
        padding-top: 0.426667rem;
    }
    
    .reg_but img {
        width: 100%;
    }
    
    .a_box {
        font-size: 0.5rem;
        color: #c14332;
        line-height: 20px;
        height: 20px;
        padding: 0px 0.853333rem 0.65rem;
    }
    
    .a_box font {
        color: #c14332;
    }
    
    .a_b_i {
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/current_icon_18.png);
        width: 0.45rem;
        height: 0.45rem;
        padding: 1px;
        display: inline-block;
        background-size: cover;
        position: relative;
        top: 1px;
        margin-right: 3px;
        margin-top: 0.32rem;
    }
    
    .a_b_i_bor {
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/current_icon_19.png);
        width: 0.45rem;
        height: 0.45rem;
        padding: 1px;
        display: inline-block;
        background-size: cover;
        position: relative;
        top: 1px;
        margin-right: 3px;
    }
    
    .r_b_input_width {
        width: 70%;
    }
    
    .login {
        color: #ffffff;
        text-align: right;
        margin-top: 0.7rem;
        margin-right: 1.225rem;
        font-size: 0.6rem;
    }
    .appwrap{
        position: relative;
    }
    .appbtn{
        width: 4.522667rem;
        height: 1.258667rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -2.261333rem;
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/btn_icon_05.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .img_bg{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-image: url(https://file.youlijinfu.com/images/hd/reg20170726/img_bg1.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 2.773333rem;
        font-size: 0;
    }
    .img_bg .img_bg_img{
        width: 5.674667rem;
        height: 6.656rem;
        margin-top: 1.066667rem;
    }
    .img_bg_img:nth-of-type(2n+1){
        margin-left: 1.28rem;
    }
    .img_bg_img:nth-of-type(2n){
        margin-left: 2.133333rem;
    }
    
</style>
<div id="wrapper" class="bg_f" style="top:0px">
    <div id="scroller">
        <div id="pullDown">
            <span class="pullDownIcon"></span><span class="pullDownLabel"></span>
        </div>
        <section class="position:relative">
            <div class="hd">
                <div class="hd_rel" style="height: {{deviceInfo.width/750*444-1}}px">
                    <img src="https://file.youlijinfu.com/images/hd/reg20170726/img_01.jpg" alt="">
                    <img src="https://file.youlijinfu.com/images/hd/reg20170726/img_02.jpg" alt=""  class="scrollTop">
                </div>
                <div class="reg">
                    <div class="bo_o">
                        <div class="r_b_top">
                            <div class="clearfix input_box">
                                <i class="icon_input_1 pull-left icon_input_base"></i>
                                <input class="pull-left r_b_input" type="tel" placeholder="请输入手机号" ng-model="registerinfo.username" maxlength="11" ng-pattern="/1[3-8]{1}[0-9]{9}/"
                                />
                            </div>
                            <div class="clearfix">
                                <div class="clearfix input_box_yan pull-left">
                                    <i class="icon_input_2 pull-left icon_input_base"></i>
                                    <input class="pull-left r_b_input" ng-keypress="loginevent($event)" type="tel" ng-model="registerinfo.verifycode" maxlength="5"
                                        ng-pattern="/\S{5}/" placeholder="请输入验证码" />
                                </div>
                                <div class="pull-right">
                                    <span class="pull-right yanzhengma" activeclass="nobgm" ng-click="getverifycode()" ng-bind="registerinfo.verifydjs < 0 ? '获取验证码':registerinfo.verifydjs+'s'">获取验证码</span>
                                </div>
                            </div>
                            <div class="clearfix input_box input_null">
                                <i class="icon_input_3 pull-left icon_input_base"></i>
                                <input class="pull-left r_b_input r_b_input_width" type="{{registerinfo.showpassword ? 'text': 'password'}}" placeholder="请设置登录密码"
                                    ng-model="registerinfo.password" maxlength="20"    ng-keyup="chinese()" />
                                <!--<i class="pull-right r_c_i_hd {{registerinfo.showpassword ? 'r_c_i_r_2': 'r_c_i_r_3'}}" ng-click="registerinfo.showpassword = !registerinfo.showpassword"></i>-->
                            </div>
                        </div>
                        <div class="reg_but">
                            <img src="https://file.youlijinfu.com/images/hd/reg20170726/current_icon_15.png" alt="" activeclass="nobgm" ng-click="register()">
                        </div>
                        <div class="a_box">
                            <span class="a_b_i {{registerinfo.agreeprotocol ? '' : 'a_b_i_bor'}}" activeclass="nobgm" ng-click="registerinfo.agreeprotocol = !registerinfo.agreeprotocol"></span>
                            <span class=""><span>同意<font activeclass="nobgm" ng-click="go('/register/servicedeal')">《有利金服用户协议》</font></span></span>
                        </div>
                    </div>
                </div>
                <div style="height: {{deviceInfo.width/750*864-1}}px">
                    <div class="img_bg">
                        <img class="img_bg_img" ng-click="inpTop()" src="https://file.youlijinfu.com/images/hd/reg20170726/btn_box_03.jpg">
                        <img class="img_bg_img" ng-click="inpTop()" src="https://file.youlijinfu.com/images/hd/reg20170726/btn_box_05.jpg">
                        <img class="img_bg_img" ng-click="inpTop()" src="https://file.youlijinfu.com/images/hd/reg20170726/btn_box1_07.jpg">
                        <img class="img_bg_img" ng-click="inpTop()" src="https://file.youlijinfu.com/images/hd/reg20170726/btn_box1_09.jpg">
                    </div>
                </div>
                <div class="appwrap" style="height: {{deviceInfo.width/750*680-1}}px">
                    <img src="https://file.youlijinfu.com/images/hd/reg20170726/img_05.jpg" alt="">
                    <span class="appbtn" activeclass="nobgm" ng-click="GuidDown()"></span>
                </div>
                <div style="height: {{deviceInfo.width/750*142-1}}px">
                    <img src="https://file.youlijinfu.com/images/hd/reg20170726/img_06.jpg" alt="">
                </div>
            </div>
        </section>
    </div>
</div>